<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body class="flex justify-center items-center min-h-dvh">
<div class="p-20 w-120 text-center rounded-xs bg-[#f0f0f0]">
    <div class="mb-5">
        <h2>用户登录</h2>
    </div>
    <ul class="flex flex-row justify-between mb-5">
        <li class="flex justify-around flex-[1_1_0] cursor-pointer text-center rounded-2xl text-lg text-blue-400 transition-colors  hover:bg-blue-500 hover:text-white"
            onclick="selectTab(this)"><a href="#">用户登录</a></li>
        <li class="flex justify-around flex-[1_1_0] cursor-pointer text-center rounded-2xl text-lg text-blue-400 transition-colors  hover:bg-blue-500 hover:text-white"
            onclick="selectTab('admin')"><a href="#">管理员登录</a></li>
    </ul>
    <form id="m-0 space-y-4">
        <input class="block border-secondary-200 px-2 pt-2 pb-2 rounded-md w-full focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 text-lg mb-5"
               type="text" id="username" name="username" placeholder="用户名"
               required>

        <input class="block border-secondary-200 px-2 pt-2 pb-2 rounded-md w-full focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50 text-lg mb-5"
               type="password" id="password" name="password" placeholder="密码"
               required>

        <button type="submit"
                class="flex justify-center relative rounded-lg w-full focus:outline-none focus:ring-2 focus:ring-offset-2 bg-primary-600 text-white focus:ring-primary-600 hover:bg-primary-700 px-4 py-2 text-sm">
            登录
        </button>
    </form>
    <div class="forgot-password">
        <a href="#">忘记密码？</a>
    </div>
</div>
<script type="module" src="./index.js"></script>
</body>
</html>